<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="../lib/jquery-1.11.3.min.js"></script>
    <script src="js/data.js"></script>
    <script src="js/control.js"></script>
</head>

<body>
    <div class="top">
        <div class="t-left">
            <h3>荣誉学生信息管理系统</h3>
        </div>
        <div class="t-right">
            <span>tgrong</span>
        </div>
    </div>
    <!-- 中间区域 -->
    <div class="body">
        <div class="b-left">
            <ul>
                <li class="on">人员信息管理</li>
                <li>账务资料管理</li>
                <li>系统设置</li>
            </ul>
        </div>
        <div class="b-right">
            <div class="action">
                <input type="text" id="txtSearch" placeholder="请输入要查询的学号">
                <button id="btnAdd">增加</button>
            </div>
            <ul id='ul'>
                <!-- 展示数据区域 -->
            </ul>
        </div>
    </div>
    <!-- 背景蒙版 -->
    <div class="bgaction"></div>
    <!-- 添加一个表单元素 -->
    <form action="" class="f-dia" id="frmstu">
        <div class="f-title">
            <span class="f-t-left">学生信息</span>
            <img src="imgs/ca.png" alt="" class="f-t-right" id="close">
        </div>
        <div class="f-row">
            <label for="code">学号</label>
            <input type="text" class="txt" name="code" id="code" placeholder="请输入学号">
        </div>
        <div class="f-row">
            <label for="name">姓名</label>
            <input type="text" class="txt" name="name" id="name" placeholder="请输入姓名">
        </div>
        <div class="f-row">
            <label for="sex">性别</label>
            <input type="radio" value="男" name="sex" id="sex" checked>男
            <input type="radio" value="男" name="sex" id="sex">女
        </div>
        <div class="f-row">
            <label for="age">年龄</label>
            <input type="number" class="txt" name="age" id="age" min="18" max="40" value="20">
        </div>
        <div class="f-row">
            <label for="score">分数</label>
            <input type="number" class="txt" name="score" id="score" min="0" max="100" value="0">
        </div>
        <div class="f-row btns">
            <input type="button" id="btnSend" value="提交">
            <input type="reset" value="重置">
        </div>
    </form>
</body>

</html>